import React from 'react';
import { Modal, Button, Space, Input, Form } from 'antd';

import { SvgIcon } from '@/components/icon';
import { ExclamationCircleFilled, MailOutlined } from '@ant-design/icons';
import useWindowWidth from '@/hooks/event/use-window-width';
import { useTranslation } from 'react-i18next';
import TipsModals from '@/components/modals/TipsModals';

interface DeleteConfirmModalProps {
  visible: boolean;

  onCancel: () => void;
  onConfirm: () => void;
  onItem: {};
}

const DeleteConfirmModal: React.FC<DeleteConfirmModalProps> = ({
  visible,
  onCancel,
  onConfirm,
  onItem,
}) => {
  const { t } = useTranslation();

  const { isPc } = useWindowWidth();

  // return (
  //   <Modal
  //     open={visible}
  //     onCancel={onCancel}
  //     closable={false}
  //     width={280}
  //     className="model-css"
  //     footer={
  //       <div style={{ textAlign: 'center' }}>
  //         <Space size={10}>
  //           <Button size="large" shape="round" onClick={onCancel}>
  //             {'取消'}
  //           </Button>
  //           <Button
  //             size="large"
  //             shape="round"
  //             type="primary"
  //             danger
  //             onClick={() => {
  //               onConfirm(onItem);
  //             }}
  //           >
  //             {'删除'}
  //           </Button>
  //         </Space>
  //       </div>
  //     }
  //   >
  //     <div
  //       style={{
  //         display: 'flex',
  //         flexDirection: 'column',
  //         margin: '30px 0px',
  //       }}
  //     >
  //       <div style={{ textAlign: 'center' }}>{'确定要删除吗？'}</div>
  //     </div>
  //   </Modal>
  // );

  return (
    <TipsModals onOk={() => onConfirm(onItem)} open={visible} onCancel={onCancel}>
      确定要删除吗？
    </TipsModals>
  );
};

export default DeleteConfirmModal;
